<template>
	<view>
		<!-- #ifdef MP-WEIXIN -->
		<x-title :ishowZw='true' :title_bg='true' titleText=''>
			<view class="input aj-center" slot="input">
				<view class="input_img aj-center ml-20" v-show="leftimg">
					<image src="../../static/search.png" mode=""></image>
				</view>
				<input type="text" v-model="inputtext" class="ml-20 fs-26 fw-400 c-99" @focus="leftimg=false" placeholder="输入关键字搜索"
					value="" />
				<view class="input_img aj-center" @click="clear">
					<image src="../../static/x.png" mode=""></image>
				</view>
			</view>
		</x-title>
		<!-- #endif -->

		<view class="mt-43 mb-24 mx-35-30">
			<x-banner-title lefttitle="商城购买" />
		</view>

		<view class="just-between mx-28 ">
			<view class="bshow6 bor-r20 px-20" style="width: 338rpx;height: 475rpx;box-sizing: border-box;">
				<view class="" style="width: 338rpx;height: 250rpx;">

				</view>
				<view class="mt-20 f-26 f-bold c-11">
					[快克]复方氨酚烷胺胶囊
					10粒/盒
				</view>
				<view class="mt-10 c-77 f-22 fw-400">
					月售38
				</view>
				<view class="mt-24 just-between">
					<view class="c-F35C0F f-bold f-34">
						￥31.68
					</view>
					<view class="" style="width: 32rpx;height: 32rpx;">
						<image src="../../static/jia.png" mode=""></image>
					</view>
				</view>
			</view>
			<view class="bshow6 bor-r20 px-20" style="width: 338rpx;height: 475rpx;box-sizing: border-box;">
				<view class="" style="width: 338rpx;height: 250rpx;">

				</view>
				<view class="mt-20 f-26 f-bold c-11">
					[快克]复方氨酚烷胺胶囊
					10粒/盒
				</view>
				<view class="mt-10 c-77 f-22 fw-400">
					月售38
				</view>
				<view class="mt-24 just-between">
					<view class="c-F35C0F f-bold f-34">
						￥31.68
					</view>
					<view class="" style="width: 32rpx;height: 32rpx;">
						<image src="../../static/jia.png" mode=""></image>
					</view>
				</view>
			</view>
		</view>
		<view class="mt-43 mb-24 mx-35-30" @click="doctAll">
			<x-banner-title lefttitle="医生推荐" />
		</view>
		<x-doctor-once @click.native="doctintro" />
		<x-doctor-once />
		<view class="  mb-24 mx-35-30">
			<x-banner-title lefttitle="相关科普" />
		</view>
		<view class="flex border-b-EEEEEE mb-30">
			<view class="px-28 flex mb-30" style="">
				<view class="mr-24" style="width: 174rpx;height: 144rpx;">
					<image src="../../static/doct.png" mode=""></image>
				</view>
				<view class="">
					<view class="c-11 f-400 f-28">
						共用餐具不仅传染新冠，也散播这种I类
						致癌物
					</view>
					<view class="mt-31 just-between f-400 f-24 c-AAAAAA">
						<view class="flex" style="margin-right: 142rpx;">
							<view class="mr-30">
								生活
							</view>
							<view class="">
								1月5日
							</view>
						</view>
						<view class="flex">
							<view class="ml-30">
								阅读6238
							</view>
							<view class="">
								赞155
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="flex border-b-EEEEEE mb-30">
			<view class="px-28 flex mb-30" style="">
				<view class="mr-24" style="width: 174rpx;height: 144rpx;">
					<image src="../../static/doct.png" mode=""></image>
				</view>
				<view class="">
					<view class="c-11 f-400 f-28">
						共用餐具不仅传染新冠，也散播这种I类
						致癌物
					</view>
					<view class="mt-31 just-between f-400 f-24 c-AAAAAA">
						<view class="flex" style="margin-right: 142rpx;">
							<view class="mr-30">
								生活
							</view>
							<view class="">
								1月5日
							</view>
						</view>
						<view class="flex">
							<view class="ml-30">
								阅读6238
							</view>
							<view class="">
								赞155
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				navbaractive: false,
				leftimg: true,
				inputtext:''
			}
		},
		methods: {
			doctAll() {
				uni.navigateTo({
					url: `/goodsPage/searchDoct/searchDoct`
				})
			},
			// 医生简介
			doctintro() {
				uni.navigateTo({
					url: `/goodsPage/doctIntro/doctIntro`
				})
			},
			clear(){
				this.inputtext='';
				this.leftimg=true
			}
		}
	}
</script>

<style>
	.input {
		width: 448rpx;
		height: 64rpx;
		background: #F5F5F5;
		border-radius: 12rpx;
		/* margin-right: 85rpx; */
		margin-left: -158rpx;

	}

	.input_img {
		width: 30rpx;
		height: 30rpx;
	}


	image {
		width: 100%;
		height: 100%;

	}
</style>
